html{
	overflow-y:scroll
}

body{
	margin:0;
	padding:0;
	color:#111
}

img{
	border:none
}

table{
	margin:0;
	border-collapse:collapse
}

input{
	margin:0px;
	vertical-align:baseline;
	outline:none
}
.x-star{
	background-image:url(images/sticky_close.png);
	background-repeat:no-repeat;
	background-position: 3px center;
	padding-left:24px
}

textarea,a,div,span,td{
	outline:none
}

button::-moz-focus-inner,a::-moz-focus-inner{
	padding:0px;
	outline:none;
	border:none
}

select{
	margin:2px
}

body,td,input{
	font-family: arial,sans-serif;
	font-size:12px;
	color:#111
}

/* form & button */
.x-button{
	padding:6px 8px!important;
	border:1px solid #29447E;
	cursor:pointer!important;
	font-family:'Lucida Grande', Tahoma, Verdana, Arial, sans-serif!important;
	font-size:11px!important;
	color:#fff!important;
	background:#5972A7!important;/*url(images/bg-button.png) repeat-x top left!important;*/
	display:inline-block!important;
	font-weight:bold!important;
	line-height:normal!important;
}

.x-button:active,.x-button:focus{
	user-select:none!important;
	-webkit-user-select:none!important;
	color:#AFB6CA;
	cursor:pointer!important;
	background:#637AAE!important
}

.x-button-add{
	background-image:url(images/x-add.png);
	background-repeat:no-repeat;
	background-position: 3px center;
	padding-left:24px
}

.x-button-delete{
	background-image:url(images/x-delete.png);
	background-repeat:no-repeat;
	background-position: 3px center;
	padding-left:24px
}

.x-button-move{
	background-image:url(images/x-move.png);
	background-repeat:no-repeat;
	background-position: 3px center;
	padding-left:24px
}

.x-button-edit{
	background-image:url(images/x-edit.png);
	background-repeat:no-repeat;
	background-position: 3px center;
	padding-left:24px
}

.x-button:hover{
	color:#222;
	outline:0px
}


.x-save{
	background-image:url(images/x-save.png);
	padding-left:24px;
	background-repeat:no-repeat;
	background-position: 3px center	
}

.x-fresh{
	background-color:#fff!important;
	background-image:url(images/bg-button-white.png)!important;
	border:1px solid #999!important;
	color:#444!important;
	background-repeat:no-repeat;
	background-position: 3px center	
}

.x-form-label-special{
	color:red !important
}
.x-fresh:active,.x-fresh:focus{
	user-select:none;
	background:#ccc!important
}

.x-text, .x-select{
	display:inline-block;
	border:1px solid #BDC7D8;
	padding:3px;
	resize:none
}

.x-big-text{
	width:500px;
	height:100px
}

.x-normal-text{
	width:400px
}

.x-small-text{
	width:200px
}

.x-select{
	padding:2px
}

.x-date{
	background-image: url(images/calendar.png);
	background-position: 95% center;
	background-repeat:no-repeat;
	padding:2px;
	padding-right:18px;
	width:73px !important
}

.x-datetime{
	background-image: url(images/calendar.png);
	background-position: 97% center;
	background-repeat:no-repeat;
	padding:2px;
	padding-right:18px;
	width:127px !important
}

.x-time{
	padding-right:18px;
	width:55px;
	padding:2px;
	background-image: url(images/time.png);
	background-position: 95% center;
	background-repeat:no-repeat;
}

.x-status{
	padding:3px 1px;
	width:26px;
	text-align:center
}

.x-progress{
	width:100px;
	border:1px solid #999;
	background:#fff;
	padding:1px;
	display:inline-block;
	line-height:10px
}
.x-progress div{
	margin:0;
	height:10px;
	background:#6787E3;
	min-width:1px;
	display:inline-block
}

.x-form-title{
	padding:10px 0px;
	margin:0px 5px;
	position:relative;
	border-bottom:1px dotted #B2A182;
	margin-bottom:3px
}

.x-form-title h2{
	margin:0px;
	padding:0px;
	font-size:115%;
	color:#3B5998;
	text-transform:uppercase
}

.x-list-button{
	position:absolute;
	display:inline-block;
	right:5px;
	top:0px	
}

.x-label{
	text-align:right;
	color:#3B5998;
	font-weight:bold
}
td.x-label{	
	background:#EDEFF4
}

.x-content{
	text-align:justify	
}

.x-error{
	padding:8px;
	color:#CE4D03;
	border:1px dotted #CE4D03;
	margin:5px;
	background:#F7F4C5 url(images/error.png) no-repeat 5px center;
	padding-left:25px
}

.x-success{
	padding:8px;
	color:#49A92A;
	border:1px dotted #49A92A;
	margin:5px;
	background:#fff url(images/error.png) no-repeat 5px center;
	padding-left:25px
}

.x-mini-cp{
	text-align:right;
	padding:0px;
	position:relative	
}

.p-low{
	color:#444	
}
.p-normal{
	color:green
}
.p-hight{
	color:red
}

/* a link */
a,a:active,a:link, a:visited{
	color:#3B5998;
	cursor:pointer;
	text-decoration:none
}
a:hover{
	color:#000
}

/* theme mains */
#wrapper{
	min-width:980px;
	margin:0px 15px;
	background:#fff
}
#side{
	background:#fff
}
#header{
	background:#3B5998
}
#banner{
	background:#fff;
	margin-bottom:0px;
	padding-top:15px;
	padding-left:8px;	
}
#banner .desc{
	font-style:italic;
	font-size:90%
}
#banner h1{	
	display:inline-block;
	font-size:16px;
	text-transform:uppercase;
	text-shadow:0px 0px 2px #C1E3F7;
	-webkit-text-shadow:0px 0px 1px #C1E3F7;
	position:relative;
	margin:0px;
	padding:0px;
}

#usercp{
	display:inline-block;
	position:absolute;
	right:15px;
	top:25px;
	border:1px solid #637AAE;
	border-right-width:5px;
	padding:8px;
	word-spacing:3px;
	color:#bbb
}
.wellcome{
	color:#999!important
}
#usercp a,.wellcome{
	word-spacing:1px;
}

#usercp a.userlink{	
	background: url(images/usercp.png) no-repeat left center;
	padding-left:15px;
	font-weight:bold
}	

.side{
	padding:1px;
	padding-top:10px;
	width:200px;
	overflow:hidden
}

.content{
	padding-top:1px;
	padding-left:2px
}

#content{
	top:10px;
	left:0px;	
	position:relative;
	padding:0px 0px	
}

#main-content{
	padding-bottom:80px;
	min-height:550px
}

#footer{
	clear:both;	
}

#ajax-load{
	display:none;
	border:1px solid #000;
	background:#fff url(images/load.gif) no-repeat 5px center;
	padding:10px;
	padding-left:25px;
	position:fixed;
	top:20px;
	left:200px;
	z-index:3000
}

#toolbar{
	display:inline-block;
	z-index:1000;
	position:fixed;
	bottom:5px;
	left:15px;
	text-align:left;
	background:#D8DFEA;
	padding:5px 5px 5px 5px;
	border-radius:4px
}

#toolbar a{
	margin: 0px 1px;
	opacity:0.8;
}

#toolbar a:hover{
	opacity:1
}

#tool-num{
	border-radius:2px;
	padding:1px;
	background:#F03D25;
	font-size:9px;
	display:inline-block;
	position:absolute;
	top:-2px;
	right:-2px;
	color:#fff;
	font-weight:bold
}

#titi{
	padding:2px 0px;
	font-size:9px;
	text-transform:uppercase;
	width:90px;
	text-align:center	
}

.tool-sticky{
	display:inline-block;
	width:26px;
	height:26px;
	background:url(images/tools.png) no-repeat -81px 0px;
}

.tool-notice{
	display:inline-block;
	width:27px;
	height:26px;
	background:url(images/tools.png) no-repeat 0px 0px
}

.tool-warning{
	display:none;
	width:27px;
	height:26px;
	background:url(images/tools.png) no-repeat -26px 0px
}

.tool-chat{
	display:inline-block;
	width:27px;
	height:26px;
	background:url(images/tools.png) no-repeat -53px 0px
}

.links{
	list-style:none;
	width:100%;
	margin:0px;
	padding:0px;
	border:none;
	background:#fff
}

.big-link{
	background:#637AAE;
	border-top: 3px double #fff;
	border-bottom: 3px double #fff;
}

.big-link a{
	font-weight:bold;
	color:#f0f0f0;
	display:block;
	border-left: 10px solid #3B5999;
	padding:5px 0px;
	padding-left:15px;
}

.sub-link{
	border-bottom: 1px solid #D8DFEA;
	padding:6px 0px 6px 25px;
	background:url(images/x-big.png) no-repeat 15px center;
	display:block;
	border-right:1px solid #D8DFEA;	
	border-left:1px solid #D8DFEA;	
}
.sub-link span{display:none;height:13px;float:right}
.sub-link:hover span{display:inline-block}
.sub-link-current a{
	font-weight:bold;
	color:#E55125!important
}




.sub-text{
	border-bottom: 1px solid #D8DFEA;
	padding:6px 0px 6px 25px;
	display:block;
	border-right:1px solid #D8DFEA;	
	border-left:1px solid #D8DFEA;	
}

.sub-link-last{
	border-bottom:none
}

.x-list{
	border-collapse:collapse
}

.x-list-title{
	margin:0px;
	padding:7px 4px;
	border:1px solid #CBCBCD;
	border-bottom:none;
	height:27px;
	position:relative;
	background:#fff
}

.x-list-title h2{	
	font-size:14px;
	color:#3B5998;
	background:#fff url(images/x-list-title.png) no-repeat 5px center;
	padding-left:15px;
	margin:0px;
	font-weight:bold;	
}

.x-select-options{
	padding:5px;
	font-size:12px;	
}

.x-list > tbody > tr > th,.x-list > tbody > tr > td{
	border:1px solid #CBCBCD;
	padding:5px 5px;
	color:#292929
}
.x-list > tbody > tr > th{
	font-weight:bold;
	font-size:12px;
	background:#DCDBE0
}

.x-list > tbody > tr:nth-child(2n){
	background:#fff	
}

.x-list > tbody > tr:nth-child(2n+1){
	background:#F0F0F0
}

.page{
	background:#fff!important
}
.x-page{
	text-align:right;
	font-size:11px;
	padding:2px;
	position:relative;
	text-align:center
}

.x-page-move{
	position:absolute;
	right:3px;
	top:1px
}

.x-page-pre{
	display:inline-block;
	background:url(images/x-page-pre.png) no-repeat left bottom;
	width:16px;
	height:16px;
	margin-right:2px
}

.x-page-pre-empty{
	display:inline-block;
	background:url(images/x-page-pre.png) no-repeat right bottom;
	width:16px;
	height:16px;
	margin-right:2px
}

.x-page-next{
	display:inline-block;
	background:url(images/x-page-next.png) no-repeat right center;
	width:16px;
	height:16px
}

.x-page-next-empty{
	display:inline-block;
	background:url(images/x-page-next.png) no-repeat left center;
	width:16px;
	height:16px
}

.x-check-container{
	position:relative;
	display:inline-block;
}

.x-check{
	display:inline-block;
	text-align:left;
	overflow:hidden;
	z-index:10;
	position:relative
}

.x-check-options{
	background:#F5F3F4;
	padding:5px;
	display:inline-block;
	border:1px solid #BCBCBD;
	position:absolute;
	width:100px;
	right:0px;
	z-index:5;
	background:#E6E6E8;
	margin-top:-23px;
	margin-right:21px;
	text-align:left;
	display:none
}

.x-check-item{
	display:block;
	font-weight:normal;
	padding:4px;
	border-bottom: 1px solid #BCBCBD;
	color:#000	
}

.x-options-container{
	position:relative;
	display:inline-block;
}

.x-options-item{
	text-align:left!important;
	background:#fff!important;
	display:block!important;
	min-width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-weight:normal!important;
	color:#3B5998!important;
	padding:4px 15px!important;
	border:none!important;
	border-bottom: 1px solid #BCBCBD!important;
	margin:0px!important;
	font-size:12px!important;
	cursor:pointer;
	position:relative
}

.x-options-item:hover{
	background:#5972A7!important;
	color:#fff!important	
}

.x-options-item:last-child,.x-check-item:last-child{
	border:none!important
}

.x-tri{
	font-size:8px
}

.x-options-hover{
	position:relative;
	z-index:17;
	border-bottom:none;	
}

.x-options{
	padding:5px 0px;
	-webkit-box-shadow: -1px 3px 3px #637AAE;
	background:#fff;
	border:1px solid #29447E;
	position:absolute;
	right:0px;
	z-index:15;
	margin-top:-1px;
	text-align:left;
	display:none;
	min-width:150px;
	
}

.x-options-child{
	padding:5px 0px;
	-webkit-box-shadow: -1px 3px 3px #637AAE;
	background:#fff;
	border:1px solid #29447E;
	z-index:15;
	text-align:left;
	min-width:150px;
	position:absolute;
	right:0px;
	top:0px;
	display:none;
	white-space:nowrap
}

.x-options-child-item{
	text-align:left!important;
	background:#fff!important;
	display:block!important;
	min-width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-weight:normal!important;
	color:#3B5998!important;
	padding:4px 15px!important;
	border:none!important;
	border-bottom: 1px solid #BCBCBD!important;
	margin:0px!important;
	font-size:12px!important;
	cursor:pointer;
}

.x-options-child-item:hover{
	background:#5972A7!important;
	color:#fff!important	
}

.x-options-child-item:last-child{
	border:none!important
}

/* the detail page*/
.x-info{
	background:#fff
}
.x-info > tbody > tr > th,.x-info > tbody > tr > td{
	border:1px solid #CBCBCD;
	padding:8px;
	color:#292929
}
.x-info-section{
	font-weight:bold;
	text-align:center;
	background:#DCDCDF;
	color:#333!important;
	text-align:left;
	padding:8px 10px!important
}

.x-info-label{
	background:#eee;
	padding-right:10px !important;
	text-align:right;
	width:15%;
	font-weight:bold;
	color:#333
}

.x-info-comment{
	background:#eee;
	padding-right:10px !important;
	text-align:center;
	width:15%;
	font-weight:bold;
	color:#333
}

.comment-button{
	float:right
}

.comment-button a{
	padding:0px 5px;
	font-size:12px;
	font-weight:bold
}

.comment-button-news{
	float:right
}
.comment-button-news a{
	padding:0px 5px;
	font-size:10px
}


.comment-copy{
	float:left;
	color:#666
}

.comment-content{
	padding:3px 0px;
	clear:both;
}

.x-info-label-last{
	border-bottom-color:#CBCBCD!important
}

.x-info-content{
	width:35%
}	

.x-ok{
	padding:2px 5px;
	margin:5px
}

.x-cancel{
	padding:2px 5px;
	margin:5px
}

.x-asc a{	
	color:#AC0000!important;
	/*background: url(images/desc.png) no-repeat 97% center;*/
}

.x-desc a{
	/*background: url(images/asc.png) no-repeat 97% center;*/
	color:#AC0000!important;
}

.x-order{
	position:relative;
	padding:5px;
	-webkit-text-overflow:clip;
}

.x-order-hidden a{	
	color:#000!important;
	/*background: url(images/order.png) no-repeat 97% center!important*/
}

.x-order a{
	color:#000;
}


.x-edit{
	display:inline-block;
	background:url(images/x-mini-edit.png) no-repeat center center;
	width:13px;
	height:13px;
	margin:0;
}

.x-noedit{
	opacity:0.4;
	display:inline-block;
	background:url(images/x-mini-edit.png) no-repeat center center;
	width:13px;
	height:13px;
	margin:0;
}

.x-delete{
	display:inline-block;
	background:url(images/x-mini-delete.png) no-repeat center center;
	width:13px;
	height:13px;
	margin:0;
}

.x-nodelete{
	opacity:0.4;
	display:inline-block;
	background:url(images/x-mini-delete.png) no-repeat center center;
	width:13px;
	height:13px;
	margin:0;
}

/* form */
.x-form-container{
	background:#F2F2F2;
	padding:15px;
	padding-top:0px;
	padding-bottom:0px;
	border:1px solid #CBCBCD;
}	
.content .x-form-container{	
	min-height:450px
}

 .x-form-lightbox{
	min-height:10px
 }

.x-form > tbody > tr > th,.x-form > tbody > tr > td{
	padding:5px 5px;
	color:#292929;
	background:#F2F2F2
}

.x-form > tbody > tr{
	border-bottom:1px solid #CBCBCD;
}

.x-form > tbody > tr:last-child{
	border:none
}


.x-form-label, .x-form-input{
	background:#F2F2F2;
}

.x-form-label{
	text-align:right;
	font-size:12px;
	color:#444;
	font-weight:bold;
	width:140px;
}
.x-form-input{
}
.x-export{
	display:inline-block;
	position:absolute;
	left:0px;
	top:2px;
}

.x-exel{
	background:url(images/xls.png) no-repeat left center;
	width:16px;
	height:16px;
	display:inline-block
}
.row-message{
	border:none!important;
}

.row-message td{
	padding:2px;
	border:none;
}

.tabs{
	clear:both;
	z-index:1;
	position:relative;
	border:1px solid #ccc;	
	margin-bottom:2px;
	clear:both
}

.tab{
	display:none;
	background:#fff;
	clear:both;
	padding:5px;	
}
.tab-active{
	display:block;	
	clear:both
}
.tab-bar{
	position:relative;
	z-index:2;
	bottom:-1px
}
.clear{
	clear:both;
	display:block;
}
.tab-link{
	float:left;
	display:inline-block;
	padding:6px 12px 6px 12px;
	border:1px solid #ccc;
	border-left:none;
	background:#f3f3f3;
	cursor:pointer;
	z-index:2;
	font-size:12px;
	font-weight:bold	
}

.tab-link-first{
	border-left:1px solid #ccc
}
.tab-link-active{
	border-bottom-color:#fff;
	color:#637AAE;
	background:#fff
}
.section-title{
	margin:0;
	padding:10px 5px
}

.page-title{
	margin:0px;
	padding:0px;
	color:#3B5998;
	margin-bottom:5px
}


.female{
	padding-left:20px;
	background:url(images/female.png) no-repeat left bottom;	
}

.male{
	padding-left:20px;
	background:url(images/male.png) no-repeat left bottom;
}

.context-link{
	padding-left:35px;
}

.context-link a{
	display:block;
	padding:5px;	
	border-bottom:1px solid #D8DFEA;
	border-left:1px solid #D8DFEA;
	
}
.context-link:last-child a{
	border-bottom:none
}

.context-info{
	background:url(images/context-info.png) no-repeat 10px center;	
}

.context-email{
	background:url(images/context-email.png) no-repeat 10px center;	
}

.context-message{
	background:url(images/context-message.png) no-repeat 10px center;	
}

.context-chat{
	background:url(images/context-chat.png) no-repeat 10px center;	
}

.x-select-users,.x-select-user{
	border:1px solid #ccc;
	padding:3px;
	background:#fff;
	width:550px;
	position:relative
}

.x-select-user{
	width: 200px
}

.x-select-users .item,.x-select-user .item{
	display:inline-block;
	padding:3px;
	position:relative;
	margin:3px;
	border:1px solid #ccc	
}

.x-select-users .item .close:hover,.x-select-user .item .close:hover{
	color:red!important
}

.x-select-users-icon{
	opacity:0.7;
	width:25px;
	height:25px;
	display:inline-block;
	background:url(images/x-select-users-icon.png) no-repeat center center;
	vertical-align:middle
}

.x-select-users-icon:hover,.x-select-users-icon:hover{
	opacity:1
}

.x{
	width:9px;
	height:7px;
	display:inline-block;
	background:url(images/x.png) no-repeat center center;
	cursor:pointer
}


.comments{
	position:relative
}
.comment-options{
	text-align:right;
	padding:0px 0px 5px
}

.bigDep{
	border-bottom: 1px solid #D8DFEA;
	padding:6px 0px 6px 10px;
	display:block;
	border-right:1px solid #D8DFEA;	
	border-left:1px solid #D8DFEA;	
}
.subDep{
	border-bottom: 1px solid #D8DFEA;
	padding:6px 0px 6px 15px;
	display:none;
	border-right:1px solid #D8DFEA;	
	border-left:1px solid #D8DFEA;	
}


.row-comment{
	border-bottom:1px solid #ccc
}

.row-comment:last-child{
	border-bottom:none
}

.x-file-item{
	display:block;
	background:url(images/attachment.gif) no-repeat left center;
	padding-left: 22px
}

.x-verify{
	display:inline-block;
	background:url(images/verify.png) no-repeat left center;
	width:14px;
	height:15px
}

.x-mini-verify{
	display:inline-block;
	background:url(images/verify.png) no-repeat left center;
	width:14px;
	height:15px
}
.x-mini-save{
	display:inline-block;
	background:url(images/x-save.png) no-repeat left center;
	width:13px;
	height:13px
}

.x-noverify{
	opacity:0.3;
	display:inline-block;
	background:url(images/verify.png) no-repeat left center;
	width:14px;
	height:15px
}

.x-noread{
	font-weight:bold
}

.tooltip-content{
	display:none;
	padding:5px;
	position:absolute;
	background:#fff;
	border:1px solid #bbb;
	min-width:200px;
	min-height:70px;
	border-radius:3px
}
.nicEdit-main{
	background:#fff;
	outline:none;
}

.x-user-active{
	background: url(images/user-active.png) no-repeat left center;
	width:16px;
	height:16px;
	display:inline-block
}
.x-user-noactive{
	background: url(images/user-noactive.png) no-repeat left center;
	width:16px;
	height:16px;
	display:inline-block
}
.x-form-input{
	display:inline-block;
}
.x-attachment{
	background: url(images/attachment.gif?) no-repeat left top;
	display:inline-block;
	width:20px;
	height:20px
}
.hint{
	font-weight:normal;
	cursor:help
}
.select-icon{
	background:#fff;
	float:left;
	margin:0px;
	padding:0px;
	display:inline-block;
	width:30px;
	padding:0px;
	height:22px;
	margin-top:2px;
	border:1px solid #BDC7D8;
	border-right:none
}
.name{
	color:#3B5998;
	font-weight:bold
}
.username{
	font-weight:bold
}
.code{
	font-weight:bold;
	color:red
}

.x-info-top{
	background:#DCDCDF;
	font-size:11px
}
.date-comment{
	color:#bbb
}

.time{
	color:orange
}
.role-section{
	border-bottom:1px solid #ccc;
	color:#fff!important;
	background:#EAE9E9;
	font-weight:bold
}

.userlink{
	font-weight:bold;
}

.user-deleted{
	color:#777!important;
	text-decoration:line-through!important;
	font-weight:bold;
}

.warning{
	color:#ff0000;
	font-weight:bold;
	padding:5px 0px
}

.profile-title{
	margin:0px;
	padding:0px;
	font-size:17px;
	color:#3B5998;
}

.profile-status{
	margin:0px;
	padding:0px;
	font-style:italic;
	font-size:13px;
	font-weight:normal
}

.profile-photo{
	width: 100px;
	height:100px;
	border:1px solid #ccc;
	padding:1px
}

.notice-avatar,.comment-avatar{
	border:1px solid #ccc;
	padding:1px;
	width:90px;
	height:90px
}

.tl{
	float:left;
	font-weight:bold;
	font-size:12px;
}
.tr{
	float:right;
}
.quote{
	border:1px solid #ccc;
	padding:5px;
	margin:10px;
	background:#F0F0F0
}

.adv{
	display:none
}

.logo{
	height:55px
}

.x-tooltip{}

.x-toolbox{
	display:none;
	position:absolute;
	padding:5px;
	border:1px solid #ccc;
	background:#fff
}

.line{
	padding:2px 0px
}
.x-pop{
	text-align:left;
	display:inline-block;
	margin-top:0px;
}
.x-pop-content{
	display:none;
	position:absolute;
	border:1px solid #29447E;
	right:0px;
	background:#fff;
	margin-top:1px;
	min-width:300px;
	padding:5px	10px;
	height:auto
}
.x-pop-content label{
	display:block;
	padding:10px
}

.x-pop-content label span{
	display:inline-block;
	width:100px
}

#faqmenu,#faqmenu ul{
	list-style:none;
	padding:0;
	margin:0
}

#faqmenu ul{
	padding-left:2px	
}

#faqmenu>li{
	background:#EDEFF4;
}

#faqmenu>li>a{	
	display:inline-block;
	font-weight:bold;
	padding:4px;
	border-radius:8px
}

#faqmenu a{
	display:inline-block;
	padding:4px
}

#faqmenu .c0{
	border-top:1px solid #9FB9D8;
	border-bottom:1px solid #9FB9D8;
	margin:1px 0px
}
#faq-rap{
	background:url(images/faqbg.png) no-repeat bottom right
}
.faqs{
	background-opacity:0.5
}
.faqs .h{
	background:url(images/faq1.png) no-repeat left center;
	padding-left:15px;
}

.pin2{
	background:url(images/vang.png) no-repeat 0px 0px;
	width:16px;
	height:15px;
	display:inline-block
}
.pin3{
	background:url(images/do.png) no-repeat 0px 0px;
	width:16px;
	height:15px;
	display:inline-block
}
.pin1{
	background:url(images/xanh.png) no-repeat 0px 0px;
	width:16px;
	height:15px;
	display:inline-block
}
.no-pin{
	background:url(images/xam.png) no-repeat 0px 0px;
	width:16px;
	height:15px;
	display:inline-block;
	opacity:0.8;
	display:none
}

.input-ajax{
	background-image:url(images/input-ajax.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}

.valid-error{
	border-color:rgb(243,102,102);
	background-color: #F1E3E3!important;
}

.x-auto{
	position:relative;
	z-index:1;
	display:inline-block;
	border:1px solid #ccc;
	padding:3px;
	background:#fff;
	min-width:300px
}

.x-auto-icon{
	opacity:0.8;
	background:url(images/auto.png) no-repeat center center;
	display:inline-block;
	width:20px;
	height:14px;
	vertical-align:middle
}
.x-auto input{
	border:none;
	background:transparent;
	width:100px
}

.x-auto-line{
	padding:3px;
}
.x-auto-selected{
	background:#ddd
}

.x-auto-current{
	border:1px solid #ccc;
	display:inline-block;
	margin:2px;
	padding:5px;
	white-space:nowrap;
	font-size:9px;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	overflow:hidden;
}

.x-auto-current .x{
	margin-left:5px
}

.f-export{
	background:#eee!important;
	border:1px solid #CBCBCD;
	height:200px
}

.lb-export {
	padding-left:10px;
	line-height:100%
}
.lb-export input{
	vertical-align:middle;
	margin-top:-3px
}

.export-col{
	cursor:pointer;
	user-select:none;	
	background:#fff;
	width:240px;
	height:180px;
	outline:none;
	padding:5px;
	border:1px solid #ABADB3;
	overflow-y:scroll
}

.export-field{
	border-bottom:1px dotted #ccc;
	user-select:none;
	padding:4px	
}

.export-field:hover{
	background:#FDF3CB;
	outline:1px dotted #937F5B
}

.export-arrow{
	background:url(images/export-arrow.png?) no-repeat center center;
	width:50px
}

option[selected],option:selected{
	background:#eee
}


/* search*/
.simple-search{
	margin-top:-18px;
	vertical-align:top;
	height:23px;
	display:inline-block;
	border:2px solid #29447E
}

.simple-search input{
	vertical-align:top;
	padding:5px 4px;
}
.simple-search .s{
	color:#111;
	border:none;
	outline:none;
	background:transparent;
	width:180px
}

.simple-search .b{
	display:none
}
.adv-search{
	opacity:0.6;
	float:right;
	display:inline-block;
	width:25px;
	height:23px;
	background:url(images/adv-search.png) no-repeat center center;
	border-left:1px solid #637AAE;
}

.adv-search:hover{
	opacity:1;
}

.search-select{
	border:1px solid #ccc;
	padding:2px;
	background:#fff;
	min-width:400px
}

.search-select label{
	display:block;
	padding:3px
}
.search-select input{
	margin-right: 3px	
}

 .form-section-title{
	color:#637AAE;
	font-size:11pt
 }
 
 .fb{
	display:none;
	border:1px solid #2F5FA0;
	position:absolute;
	top:-2px;
	right:15px;
	width:58px;
	height:23px;
	background:url(images/cm.png) no-repeat top left;
	opacity:0.8;
	cursor:pointer
 }
 
 .fb:hover{
	opacity:1
 }
 
 .x-sms{
	padding:5px;
	margin:3px 0px
 }
 
 .x-sms .h{
	padding:5px 0px
 }
 .x-sms textarea{
	width:500px;
	padding:3px;
	border:1px solid #ccc;
	height:100px
 }
 
 .qadd{
	z-index:100;
	position:absolute;
	right:5px;
	top:-5px;
}
.qadd .bt{	
	color:#fff;
	background:#73AC59;
	display:inline-block;
	padding:0px 10px;
	border:1px solid #3B6E22;
	font-weight:bold;
	cursor:pointer;
	font-size:25px;
	position:relative;
	z-index:2
 }

 .qadd .la{
	display:none;
	position:absolute;
	z-index:1;
	top:6px;
	right:10px;
	white-space:nowrap;
	border:1px solid #3B6E22;
	min-width:160px;
	background:#fff
 }
 
 .qadd .la a{
	background:#75AE5C;
	display:block;
	padding:10px;
	padding-left:20px!important;
	color:#fff;
	font-weight:bold;
	border-bottom:1px solid #98C286
 }
 
 .qadd .la a:hover{
	background-color:rgba(117, 174, 92,0.9);
	background-image:url(images/plus.png);
	background-repeat:no-repeat;
	background-position: 5px center
 }
 
 
 .row-select{
	background:#FFC!important
 }
 .quick-add{
	width:12px;
	height:10px;
	display:inline-block;
	background:url(images/quick-add.png?c) no-repeat center center;
 }